:host {
  flex: 0 0 220px;
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}

.brand {
  display: flex;
}

.social {
  flex: 0 0 80px;
}

.title {
  padding-top: 30px;
  .angular {
    color: var(--btn-hover-color);
  }
}

.logo {
  position: relative;
  display: flex;
  flex: 0 0 230px;
  justify-content: center;
  align-items: center;
}

.ng-logo {
  width: 160px;
}

.links,
.badges {
  text-align: right;
}

a {
  display: inline-block;
  margin-left: 5px;
}
